<!-- 我的弹窗 -->

<template>
  <WebModal title="违规处理" noEdit medium>
    <WebForm>
      <div>
        <MajorTitle title="违规信息">
          <ShowStatus bind="status" noLabel />
        </MajorTitle>

        <ShowTime label="违规时间" bind="crossTime" />

        <EasyRow col3>
          <ShowDict label="违规事件" bind="illegalType" :dict="DICT.TYPE" />
          <ShowText label="限速" bind="speedLimit" suffix=" km/h" />
          <ShowText label="车速" bind="speed" suffix=" km/h" />
        </EasyRow>

        <EasyRow col3>
          <ShowText label="车牌号" bind="plateNo" />
          <ShowText label="姓名" bind="personName" />
          <ShowText label="联系方式" bind="phoneNo" />
        </EasyRow>

        <ShowPhoto label="图片" bind="platePicUrl" square auto />
        <ShowPhoto bind="vehiclePicUrl1" noLabel square auto />
      </div>

      <MajorTitle title="处理结果" />

      <div v-if="one.status === 1">
        <EasyRow col3>
          <FormSelect label="处理方式" bind="dealType, TIP" :dict="DICT.OPERATE" />
        </EasyRow>
        <FormTextarea label="操作信息" bind="dealDesc" :max="100" />
      </div>

      <div v-else>
        <ShowDict :one="one.alarm" label="处理方式" bind="dealType" :dict="DICT.OPERATE" />
        <ShowText :one="one.alarm" label="操作信息" bind="dealDesc" multiRow />
      </div>
    </WebForm>
  </WebModal>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyModal',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],
}
</script>
